html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	outline: 0;
	vertical-align: baseline;
	background: #000;
	font-family: Trebuchet MS, sans-serif;
	background: url('../img/pattern.png');
	width: 100%;
        line-height:1.25em;
}

#wrapper {
	min-height: 100%;
	_height: 100%;
	overflow: visible;
	padding-bottom: 0px;
	}

#footer {
	clear: both;
	width: 100%;
	background:  url('../img/bgrd.jpg') top center repeat; 
	height: 69px;
	margin-top: -100px;
	*height: 79px;
	border-top: 1px #12262f solid;
	box-shadow: 0 -1px 6px #000;
	color: #000f16;
	font-size: 13px;
	padding: 15px 0;
	line-height: 25px;
}

	#footer span {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		margin: 0 30px 0 0;
	}

#page-empty {
	height: 100px;
}

#header {
	width: 100%;
	background: url('../img/bgrd.jpg') 700px top repeat;
	border-bottom: 1px #12262f solid;
	box-shadow: 0 1px 6px #000;
	padding-top: 30px;
        overflow: hidden;
} 
	#header .bg_ani { 
		width:100%; 
		height:400px; 
		margin-bottom:-400px; 
		z-index:-10; 
		opacity:0;
		*position: absolute;
		*display: none;
		} 


.right {float:right !important;}
.hidden {visibility: hidden !important;}
.left {float: left !important;}

a {color: #eb0; text-decoration: underline;}
a:hover {text-decoration:none;}
a.readmore {color: #eb0; line-height: 30px;}
a img {border: 0;}

strong {color: #fff;}

hr.separator {clear: both;}

.container {
    width: 960px;
    text-align: left;
    margin: 0 auto;
    color: #ccc;
    }

#logo {width: 300px; margin: 0px 60px 30px 60px; position: relative;}

/*HEADER*/

#header ul#menu {
    list-style: none;
    float: right;
    clear: none;
    font-size: 15px;
    max-width: 600px;
    font-family: Trebuchet MS, Verdana, sans-serif;
    position: relative;
    line-height: 20px;
    }

    #header ul li {
        display: inline-block;
	*display: inline;
	zoom: 1;
        margin-left: 20px;
        zoom: 1;
        _display: inline;
        }

        #header ul li a {
            color: #eb0;
            display: block;
            text-decoration: none;
            background:  url('../img/menu_marker.png') 0px -34px no-repeat;
            padding: 14px 0px 0px 17px;
	    margin-left: 15px;
            }

            #header ul li a:hover, #header ul li a.selected {
		color: #0cf;
		background-position: top left;}
	
	#header ul li a:hover {opacity: .6;}
	#header ul li a.selected:hover {opacity: 1;}


#header #web-projects {
        position: relative;
	height: 52px;
	float: right;
	clear: right;
	margin-top: 25px;
	font-family: Georgia, serif;
	font-size: 37px;
        font-weight: normal;
        color: #00ccff;
	text-shadow: #74E2FE 0px 0px 3px;
	margin-left: 0;
	*width: 550px;
	*margin-top: 40px;
	*line-height: 52px;
    }

#header hr {clear: both; visibility: hidden;}

.words {
        position: relative;
	width: 310px;
	min-height: 215px;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	*height: 250px;
	margin: 0 0 0 10px;
	color: #ddd;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 14px;
	}

    .words h3 {
        margin: 0 0 2px 0;
        padding: 0 0 0 10px;
        font-family: Georgia, serif;
        font-size: 20px;
        font-weight: normal;
        color: #00ccff;
	text-shadow: #0cf 0px 0px 1px;
        line-height: 20px;
        }

    #words1 {
        background:  url('../img/element1.png') 0px 13px no-repeat;
        }

        #words1 div, #words2 div, #words3 div {
            margin: 65px 0px 0px 35px;
            }

    #words2 {
        background:  url('../img/element2.png') 0px 23px no-repeat;
        }

    #words3 {
        background:  url('../img/element3.png') 0px 0px no-repeat;
        }

/*HEADER END*/


/*NEWS STRIPE*/

#intro_news {
	background: #000f16;
	padding: 4px 0 6px;
	border-top: 1px #12262f solid;
	font-size: 12px;
	height: 34px;
        line-height: 18px;
}
        #intro_news .container {
            position: relative;
        }
	#intro_news_item,
	#intro_news_item_old {
		overflow:hidden !important;
                margin:0 128px 0 32px;
                position:absolute;
	}
	#intro_news .source,
	#intro_news_item a.readmore,
	#intro_news_item_old a.readmore{
            display:none;
        }
	#intro_news_item a,
	#intro_news_item_old a {
		display:block;
	}
	#intro_news span#allnews {
		display: block;
		text-align: right;
                position:absolute;
                right:0;
		line-height: 32px;
		margin-left: 5px;
	}
		/*The following selector must override EVERYTHING. That's why it's so long*/
		#intro_news #allnews a {color: #eb0; text-decoration: underline;}
		#intro_news #allnews a:hover {text-decoration: none;}
	#intro_news a {text-decoration: none; color: #bbb;}
	#intro_news a:hover span {color: #eb0}
	#intro_news .date, #intro_news a:hover .date {color: #176d88;}

	a#news_left,
	a#news_right {
                position:absolute;
		display: block;
		width: 14px;
		height: 32px;
		text-decoration: none;
		margin: 2px 10px;
		opacity: .8;
		cursor:pointer
	}
	a#news_left {
		background: url("../img/arrow_big_left.png") no-repeat;
                left:0;
	}

	a#news_right {
		background: url("../img/arrow_big_right.png") no-repeat;
                right:100px;
	}
	
	a#news_right:hover, 
        a#news_left:hover { opacity: 1; }

/*NEWS STRIPE END*/



/*CONTENT*/

h1.pagetitle {
        color: #ocf;
        margin: 40px 0px 30px 0px;
        padding: 0;
        font-size: 38px;
    }

    #content h1 a {color: #eb0; text-shadow: none;}

#content a {
        color: #eb0;
        text-decoration: underline;
}

        #content a:hover {text-decoration: none;}
	
/*CONTENT END*/	

/*PORTFOLIO*/

#portfolio_pagetitle {margin: 40px 0px 30px 0px; text-align: justify;}
#portfolio_pagetitle h1{display: inline; font-size: 28px;}
#portfolio_pagetitle h2 {
        display: inline;
        color: #0cf;
        font-size: 26px;
        margin-left: 5px;
}
#portfolio_pagetitle h3 {
        display: inline;
        color: #0cf;
        font-size: 24px;
        margin-left: 5px;
}

/*Portfolio item*/

.portfolio_wrapper {
	position: absolute;
	opacity: .2;
	width: 960px;
	*display: none;
}

.portfolio_wrapper_inner {
	position: relative;
	width: 960px;
	z-index: 5;
	margin-bottom: 30px;
}

.portfolio_description {
        width: 740px;
        overflow: hidden;
        float: left;
}

#content .portfolio_text {
        width: 670px;
        padding: 10px 20px;
        color: #eee;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        font-size: 14px;
}

.portfolio_wrapper .portfolio_text {background: #fff;}

                #content .portfolio_text p {text-align: left;}

.corner1  {
        width: 20px;
        height: 20px;
        margin-top: 10px;
        float: right;
        background: url('../img/portfolio_corner1.png');
        }
.corner2 {
        width: 40px;
        height: 40px;
        float: right;
	/*margin: -20px 200px 0 0;*/
	margin-top:-20px;
	
        }
	
.corner2 div {
        background: url('../img/portfolio_corner2.png') top right no-repeat;
        height: 40px;
	position:absolute;
	left:0;
	width:760px;
	}

.corner-toggle {
	float:right;
	width:180px;
	height:20px;
	/*clear:right;*/
}

.portfolio_pics {
        color: #EEE;
	font-size: 14px;
        border-radius: 20px 0px 20px 20px;
        -moz-border-radius: 20px 0px 20px 20px;
        -webkit-border-radius: 20px 0px 20px 20px;
        margin: 30px 0px 0 0;
        padding: 20px 0px 20px 20px;
        width: 720px;
}
	
	.portfolio_wrapper .portfolio_pics {background: #fff;}
	
	#content .portfolio_pics p {margin: 0 0 15px 0;}

        .portfolio_pic_thumb {
                width: 180px;
                margin: 0px 30px 16px 0px;
        }

        .portfolio_pic_thumb a span {display: none;}

        .portfolio_pic_thumb a:hover span {
                position: absolute;
                width: 150px;
                margin-left: 10px;
                margin-top: -120px;
                background: url('../img/black_transparent.png');
                padding: 5px;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                display: block;
                font-size: 13px;
        }
        
        .portfolio_pic_thumb img {
                border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                opacity: 0.75;
        }
        
        #selected_thumbnail img {
                box-shadow: #00ffff 0px 0px 6px;
                -webkit-box-shadow: #00ffff 0px 0px 6px;
                -moz-box-shadow: #00ffff 0px 0px 6px;
                opacity: 1;
        }
        
        .portfolio_pic_thumb a:hover img {opacity:1;}


#portfolio_list {
        float: left;
        width: 650px;
        margin-left: 50px;
}

.portfolio_thumbs {
        width: 180px;
        padding: 20px 20px 0px 20px;
        float: right;
	clear:right;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
}

.portfolio_wrapper .portfolio_thumbs {background: #fff;}

.portfolio_thumbs.single {
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
}


.portfolio_wrapper .portfolio_pics p,
.portfolio_wrapper .portfolio_pics img,
.portfolio_wrapper .portfolio_thumbs img,
#content .portfolio_wrapper .portfolio_text p
{visibility: hidden;}

/*Portfolio item end*/

.portfolio_item_thumb {
        display: inline-block;
	*display:inline;
	zoom:1;
        margin: 0px 10px 0px 10px;
        width: 290px;
}

.portfolio_item_thumb a {text-decoration: none !important; color: #00ccff;}

        a .portfolio_icon {
                text-align: center;
                background: url('../img/sheets_white.png') no-repeat;
                width: 290px;
                padding-top: 50px;
                height: 193px;
        }


        a:hover .portfolio_icon {background: url('../img/sheets_white2.png') no-repeat;}

        a .portfolio_thumb_title {
                line-height: 16px;
                display: block;
                text-align: center;
                margin-bottom: -20px;
                text-decoration: none;
        }

        a:hover .portfolio_thumb_title {text-shadow: #74e2fe 0px 0px 15px; color: #00ccff;}

        .portfolio_icon a img {width: 200px; height: 140px;}


#portfolio_intro_header {
	margin: 20px 0px 45px 0;
}

	#portfolio_intro_header h3 {
		display: inline;
		font-size: 30px;
	}
	
	#portfolio_intro_header a {
		float: right;
		color: #eb0;
		font-size: 14px;
		display: block;
		margin-top: 12px;
	}

.paginator {
        float: right;
        clear: both;
        margin: -64px 0px 0px 0px;
}

#paginator_bottom .paginator {margin: 0px;}

.item_edit_staff {float: right; margin: 10px;}

/*Text-styling*/

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, serif;
    font-weight: normal;
    margin: 20px 0px 0px 0px;
    padding: 0;
    color: #0cf;
    }

#content p {
        text-align: justify;
        margin: 10px 0px;
        }

/*News*/

.entries_cat {font-size: 14px;}

.news_item_info {
        float: right;
        background: url('../img/white_transparent.png');
        border-radius: 5px;
        padding: 10px;
        color: #eee;
        font-size: 12px;
        position: relative;
        top: -80px;
        margin-bottom: -80px;
}


.entries_date {
            float: left;
            height: 84px;
            width: 93px;
            background: url('../img/sheets_small.png') no-repeat;
            font-family: Times, serif;
            font-size: 20px;
            letter-spacing: -1px;
            color: #021821;
            line-height: 84px;
            text-align: center;
            margin: 0px 10px 0px 0px;
            }



        .entries_header span, .entries_header span a  {
            font-family: Georgia, serif;
            font-size: 18px;
            color: #aaa;
            text-decoration: none;
        }
        a.entries-cat-link {color: #aaa !important;}

        .entries_item p {margin: 0px; text-align: justify;}

        .entries_pic_thumb {float: right; margin: 0 0 10px 10px;}
        .entries_pic_normal {float: right; margin: 0 0 20px 20px;}

    #top_news_paginator {
        width: 300px;
        float: right;
        text-align: right;
        margin-top: 60px;}
	
/*PIE*/

.a {
    behavior: url("/media/css/PIE.htc");
    position: relative;
}

.a {
    -pie-png-fix: true;
    behavior: url("/media/css/PIE.htc");
}


/*How we work page styling*/

li.subpage_1_for_8, li.subpage_2_for_8 {
	display: block;
	margin: 80px 0 0 0;
	padding: 0;
	float: left;
	height: 300px;
}

li.subpage_1_for_8 {
	background: url('../img/hww_f.png') no-repeat left top;
	width: 300px;
	padding-left: 100px;
	}

li.subpage_2_for_8 {
	background: url('../img/hww_l.png') no-repeat left 11px;
	overflow: visible;
	width: 300px;
	padding-left: 220px;
	}

li.subpage_1_for_8 a, li.subpage_2_for_8 a {
	font-size: 24px;
	font-weight: normal;
	font-family: Georgia, serif;
	display: block;
	margin-top: 50px;
}

li.subpage_1_for_8 p, li.subpage_2_for_8 p {text-align: left !important;}

/*How we work page styling end*/